@import url("identity-refinement.css");

/* DNCY / Atlantic blue. Owner-selected visual direction, 20 October 2026. */
html,body{background:#082f72}
#dncy-public-complete{
 --forest:#082f72;--stone:#f6f7fb;--ink:#112b50;--white:#f8faff;
 --copper:#397dff;--paper:#f6f7fb;
 --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23g)' opacity='.035' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
 background:#082f72;color:#f8faff;
}
#dncy-public-complete .viewport{scrollbar-color:#75a7ff #082f72}
#dncy-public-complete .hero{background:#082f72}
#dncy-public-complete .hero-image{filter:saturate(.15) brightness(.91)}
#dncy-public-complete .shade{background:linear-gradient(90deg,#082f72 0%,#082f72f5 22%,#082f72c9 39%,#082f7245 58%,#082f7200 76%)}
#dncy-public-complete .masthead{top:35px;left:5%;right:5%;padding-bottom:26px;border-bottom:0}
#dncy-public-complete .masthead::after{content:"";position:absolute;left:0;bottom:0;width:49%;height:1px;background:#e9f1ff35;pointer-events:none}
#dncy-public-complete .logo{width:155px}
#dncy-public-complete .hero-copy{left:8%;top:33%;width:54%}
#dncy-public-complete h1{font-size:clamp(64px,8.5cqw,120px);letter-spacing:-.045em;line-height:1}
#dncy-public-complete h1 span:last-child{color:#9fc5ff}
#dncy-public-complete .hero-kicker{color:#e2ecff;letter-spacing:.22em;font-size:9px;margin-bottom:27px}
#dncy-public-complete .hero-kicker::before{background:#79a9ff;width:45px}
#dncy-public-complete .hero-copy p{color:#f2f6ff;max-width:390px;font-size:clamp(16px,1.5cqw,21px);line-height:1.65;margin-top:30px}
#dncy-public-complete .hero-foot{color:#fff}
#dncy-public-complete .down{left:5%;bottom:33px}
#dncy-public-complete .about{
 background-color:#f6f7fb;
 background-image:var(--grain),linear-gradient(90deg,transparent calc(50% - .5px),#1239680a 50%,transparent calc(50% + .5px));
 padding:150px 4.2% 65px;
}
#dncy-public-complete .panel{
 background:transparent;box-shadow:none;color:#112b50;
 border-top:1px solid #19365a30;padding-top:44px;
}
#dncy-public-complete h2,#dncy-public-complete .copy p{color:#112b50}
#dncy-public-complete .section-number{color:#225ab0;font-size:10px;letter-spacing:.16em}
#dncy-public-complete .section-number::after{content:" / THE WORK";margin-left:12px}
#dncy-public-complete .copy{margin-left:0;max-width:350px}
#dncy-public-complete .copy p{font-weight:300;font-size:clamp(15px,1.45cqw,18px);line-height:1.7}
#dncy-public-complete .copy p:first-child{font-weight:400}
#dncy-public-complete .image-window{top:-75px;right:-2%;width:50%;height:510px;box-shadow:0 26px 60px #102d5120}
#dncy-public-complete .photo-caption{color:#455a76}
#dncy-public-complete .disciplines{border-top-color:#16386235;padding-top:28px;padding-bottom:35px}
#dncy-public-complete .discipline .name{color:#112b50}
#dncy-public-complete .discipline .num{color:#225ab0}
#dncy-public-complete .discipline:hover{border-color:#2366db}
#dncy-public-complete .chapter{padding-top:110px;padding-bottom:95px}
#dncy-public-complete .learning{
 background-color:#082f72;
 background-image:var(--grain),radial-gradient(ellipse at 100% 0%,#2465d060,transparent 65%);
 color:#f8faff;position:relative;
}
#dncy-public-complete .learning h2{color:#f8faff}
#dncy-public-complete .eyebrow{color:#a9cbff;font-size:10px;letter-spacing:.17em}
#dncy-public-complete .learning-copy>.body,#dncy-public-complete .learning-steps small{color:#d2e1f8}
#dncy-public-complete .learning-steps>div{border-color:#d7e7ff35}
#dncy-public-complete .learning-steps>div>span{color:#a9cbff}
#dncy-public-complete .personal-photo figcaption{color:#cfddf4}
#dncy-public-complete .portrait-window{outline:1px solid #b8d4ff38;outline-offset:10px}
#dncy-public-complete .publishing{
 background-color:#e9eff9;
 background-image:var(--grain),linear-gradient(90deg,#1b54bb 0%,#1b54bb 29%,transparent 29%);
 color:#112b50;padding-top:130px;padding-bottom:55px;
}
#dncy-public-complete .publishing-panel{background:#f8faff;box-shadow:0 18px 55px #102d5109;border-top:1px solid #fff;color:#112b50;padding-top:64px;padding-bottom:62px}
#dncy-public-complete .publishing .eyebrow,#dncy-public-complete .closing .eyebrow{color:#225ab0}
#dncy-public-complete .publishing details{border-color:#16386235}
#dncy-public-complete .publishing .chapter-bottom{color:#112b50;border-color:#16386235;margin-left:30%}
#dncy-public-complete .publishing .chapter-bottom .text-link{border-color:#16386266}
#dncy-public-complete .publishing .chapter-bottom .text-link span{color:#225ab0}
#dncy-public-complete .publishing .plus{color:#225ab0}
#dncy-public-complete .digital{
 background-color:#0a285c;
 background-image:var(--grain),linear-gradient(125deg,#15468b,transparent 55%);
 color:#f8faff;padding-top:85px;
}
#dncy-public-complete .digital h2{color:#f8faff}
#dncy-public-complete .digital-content h2{font-size:clamp(52px,5.8cqw,74px)}
#dncy-public-complete .digital .eyebrow{color:#a9cbff}
#dncy-public-complete .digital-photograph{margin:0 8%;height:460px;border-top:3px solid #397dff;box-shadow:0 25px 65px #020d282b}
#dncy-public-complete .digital-content{padding-top:85px;padding-bottom:65px}
#dncy-public-complete .digital-copy>.body{color:#d2e1f8}
#dncy-public-complete .digital details,#dncy-public-complete .digital .chapter-bottom{border-color:#d7e7ff35}
#dncy-public-complete .digital .plus{color:#a9cbff}
#dncy-public-complete .services{
 background-color:#f6f7fb;
 background-image:var(--grain),linear-gradient(90deg,transparent calc(50% - .5px),#1239680a 50%,transparent calc(50% + .5px));
 color:#112b50;
}
#dncy-public-complete .services h2{color:#112b50}
#dncy-public-complete .services .eyebrow{color:#225ab0}
#dncy-public-complete .services .body,#dncy-public-complete .services details>p{color:#344e70}
#dncy-public-complete .services .lead{font-size:clamp(22px,2.2cqw,28px);line-height:1.55}
#dncy-public-complete .services details{border-color:#16386235}
#dncy-public-complete .services .plus{color:#225ab0}
#dncy-public-complete .services .personal-photo figcaption{color:#455a76}
#dncy-public-complete .services .portrait-window{outline-color:#164fa433}
#dncy-public-complete .services .text-link span{color:#225ab0}
#dncy-public-complete .closing{
 background-color:#164dc9;
 background-image:var(--grain),radial-gradient(ellipse at 100% 100%,#3b79ef70,transparent 60%);
 color:#f8faff;
}
#dncy-public-complete .closing h2{color:#f8faff}
#dncy-public-complete .closing .eyebrow{color:#d5e5ff}
#dncy-public-complete .closing-cta{border-color:#e1edff70}
#dncy-public-complete .site-footer{background:#07234f;color:#e0eaff;background-image:var(--grain)}
#dncy-public-complete .footer-bottom,#dncy-public-complete .chapter-bottom{border-color:#d7e7ff35}
#dncy-public-complete .text-link{border-color:currentColor}
#dncy-public-complete .text-link span,#dncy-public-complete .plus{color:#a9cbff}
#dncy-public-complete .end{color:#d2e1f8}

/* Blue print details live in the margins and image surrounds, away from copy. */
#dncy-public-complete .about::before,
#dncy-public-complete .services::before,
#dncy-public-complete .publishing-panel::before{
 content:"";position:absolute;pointer-events:none;
 background-image:radial-gradient(circle at 2px 2px,#397dff75 .8px,transparent 1.15px);
 background-size:12px 12px;
}
#dncy-public-complete .about::before{
 right:3.6%;top:500px;width:43%;height:195px;
 mask-image:radial-gradient(ellipse at 75% 8%,#000 8%,transparent 72%);
}
#dncy-public-complete .publishing-panel::before{
 left:0;bottom:26px;width:38%;height:150px;
 mask-image:radial-gradient(ellipse at 10% 90%,#000 5%,transparent 72%);
}
#dncy-public-complete .services::before{
 left:0;top:95px;width:7%;height:410px;
 mask-image:radial-gradient(ellipse at 0 40%,#000 10%,transparent 75%);
}
#dncy-public-complete .about::after,
#dncy-public-complete .services::after,
#dncy-public-complete .publishing-panel::after{
 content:"";position:absolute;width:25px;height:25px;pointer-events:none;
 background:linear-gradient(#397dff66,#397dff66) center/25px 1px no-repeat,
            linear-gradient(#397dff66,#397dff66) center/1px 25px no-repeat;
}
#dncy-public-complete .about::after{left:calc(4.2% - 12px);top:138px}
#dncy-public-complete .services::after{right:calc(5% - 12px);top:110px}
#dncy-public-complete .publishing-panel::after{right:25px;bottom:25px}
#dncy-public-complete .about{
 background-image:var(--grain),
 radial-gradient(ellipse at 85% 55%,#397dff0c,transparent 38%),
 linear-gradient(90deg,transparent calc(50% - .5px),#1239680a 50%,transparent calc(50% + .5px));
}
@media(max-width:850px){
 #dncy-public-complete .hero-copy{left:7%;width:57%}
 #dncy-public-complete h1{font-size:clamp(52px,8.8cqw,80px)}
 #dncy-public-complete .image-window{height:420px}
}
@media(max-width:600px){
 #dncy-public-complete .masthead{top:26px;left:8%;right:8%;padding-bottom:20px}
 #dncy-public-complete .masthead::after{width:100%}
 #dncy-public-complete .logo{width:124px}
 #dncy-public-complete .hero{background:#082f72}
 #dncy-public-complete .shade{background:linear-gradient(180deg,#082f72 0%,#082f72 33%,#082f7200 48%,transparent 88%,#082f7240)}
 #dncy-public-complete .hero-copy{top:118px;left:8%;right:8%;width:auto}
 #dncy-public-complete .hero-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:15px}
 #dncy-public-complete .hero-kicker::before{width:20px;margin-right:10px}
 #dncy-public-complete h1{font-size:clamp(46px,12cqw,68px)}
 #dncy-public-complete .hero-copy p{font-size:13px;line-height:1.55;margin-top:15px;max-width:270px}
 #dncy-public-complete .down{left:8%;bottom:20px;padding:8px 13px;background:#082f72;color:#f8faff;gap:12px}
 #dncy-public-complete .about{padding:65px 6% 35px}
 #dncy-public-complete .panel{padding:30px 20px 0}
 #dncy-public-complete .image-window{top:auto;right:auto;width:calc(100% + 30px);height:295px;margin-right:-30px}
 #dncy-public-complete .chapter{padding-top:65px;padding-bottom:60px}
 #dncy-public-complete .publishing{background-image:var(--grain),linear-gradient(180deg,#1b54bb 0%,#1b54bb 250px,transparent 250px);padding-top:80px}
 #dncy-public-complete .publishing-panel{padding-top:0;padding-bottom:35px}
 #dncy-public-complete .publishing .chapter-bottom{margin-left:0}
 #dncy-public-complete .digital{padding-top:40px}
 #dncy-public-complete .digital-photograph{height:300px;margin:0 6%}
 #dncy-public-complete .digital-content{padding-top:45px;padding-bottom:40px}
 #dncy-public-complete .digital-content h2{font-size:clamp(51px,13.2cqw,70px)}
 #dncy-public-complete .services .lead{font-size:23px}
 #dncy-public-complete .about::before{right:0;top:70px;width:7%;height:300px;mask-image:linear-gradient(transparent,#0008,transparent)}
 #dncy-public-complete .about::after{left:calc(6% - 12px);top:53px}
 #dncy-public-complete .services::before{width:5%;height:280px}
 #dncy-public-complete .services::after{right:calc(4% - 8px);top:65px;width:16px;height:16px;background-size:16px 1px,1px 16px}
 #dncy-public-complete .publishing-panel::before{display:none}
 #dncy-public-complete .publishing-panel::after{right:8px;bottom:8px;width:14px;height:14px;background-size:14px 1px,1px 14px}
}