.portfolio-page{--ink:#3d3542;--muted:#716773;--paper:#fff9f5;--card:#fffdfb;--line:#eadbdc;--mint:#dce9df;--blue:#545c7d;--lime:#f0d7cd;--accent:#9b5f70;background:radial-gradient(circle at 8% 12%,#efd8df 0 8%,transparent 25%),radial-gradient(circle at 92% 42%,#dce9df 0 7%,transparent 24%),linear-gradient(180deg,#fffaf7 0%,#fbf5ef 62%,#f5eee9 100%);color:var(--ink)}
.portfolio-page .wrap{max-width:1240px}.portfolio-page .topbar{border-color:#d9c8cc;height:88px}.portfolio-page .brandmark{background:#8e5262;color:#fff;border:0;font-family:Georgia,serif;font-style:italic;box-shadow:5px 5px 0 #ead5da}.portfolio-page .brand{font-family:Georgia,serif;font-size:1.22rem;font-weight:600}.portfolio-page .topnav a{position:relative}.portfolio-page .topnav a:after{content:"";position:absolute;height:7px;left:0;right:0;bottom:-2px;background:#d9b4be66;border-radius:50%;z-index:-1;transform:rotate(-1deg)}
.portfolio-page .hero{grid-template-columns:1.06fr .94fr;gap:80px;padding:86px 0 76px}.portfolio-page .hero h1{font-size:clamp(3.5rem,6.5vw,6.3rem);font-weight:650;letter-spacing:-.055em;line-height:.97}.portfolio-page .hero h1 em{display:inline-block;color:#985c6d;font-weight:400;transform:rotate(-1deg)}.portfolio-page .eyebrow{color:#8e5262}.portfolio-page .button{background:#66516a;border-color:#66516a;box-shadow:0 7px 0 #dec3ca;transition:transform .18s,box-shadow .18s}.portfolio-page .button:hover{background:#8e5262;transform:translateY(2px);box-shadow:0 4px 0 #dec3ca}
.portfolio-page .hero-art{background:#e7dbe4;border-radius:48% 48% 28px 28px;overflow:visible;min-height:460px;box-shadow:inset 0 0 0 1px #dac9d5}.portfolio-page .hero-art:before{content:"";position:absolute;inset:20px;border:1px dashed #b99daa;border-radius:48% 48% 20px 20px}.portfolio-page .orbit{border-color:#a9889b66;transform:rotate(-13deg)}.portfolio-page .orbit.two{border-color:#8da99766;transform:rotate(35deg)}.portfolio-page .art-window{background:#fffdf9;border-color:#d0b9c1;border-radius:8px;box-shadow:12px 17px 0 #ad8e9e35;transform:rotate(-4deg);padding:25px;width:78%}.portfolio-page .window-top{color:#8e5262;border-color:#eadbdf}.portfolio-page .art-word{color:#4e4152;font-size:3.15rem}.portfolio-page .art-panel{background:#f0dde2;border-radius:5px}.portfolio-page .art-panel:last-child{background:#66735f}.portfolio-page .floating-note{background:#f1cfb9;border:1px solid #dba98f;border-radius:3px;box-shadow:4px 5px 0 #8e526224;transform:rotate(4deg)}.portfolio-page .doodle{position:absolute;font-family:Georgia,serif;z-index:3;color:#9b5f70}.portfolio-page .flower{font-size:3rem;left:-20px;top:55px;transform:rotate(-12deg)}.portfolio-page .sparkle{font-size:2.5rem;right:4px;top:-22px;color:#71846d}
.portfolio-page .intro-strip{border-color:#ddcdd0;color:#766a74;letter-spacing:.08em}.portfolio-page .section-heading h2,.portfolio-page .process h2{font-family:Georgia,serif;font-weight:500}.portfolio-page .project-card{border-color:#e3d3d5;border-radius:8px;box-shadow:8px 9px 0 #d8c3c735;transition:transform .2s,box-shadow .2s}.portfolio-page .project-card:hover{transform:translateY(-5px) rotate(-.25deg);box-shadow:12px 14px 0 #d8c3c747}.portfolio-page .project-card:nth-child(2):hover{transform:translateY(-5px) rotate(.25deg)}.portfolio-page .project-visual{height:275px}.portfolio-page .project-visual.wear{background:#29476f}.portfolio-page .project-visual.eco{background:#cfe8d5;color:#315e49}.portfolio-page .project-logo{position:absolute;width:174px;height:174px;right:34px;top:45px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 8px #fff,0 13px 30px #12273b50;z-index:1}.portfolio-page .eco-card-title{position:relative;z-index:1;margin-top:27px;display:flex;align-items:center;gap:13px}.portfolio-page .eco-card-title span{font-size:3.1rem;filter:drop-shadow(3px 4px 0 #ffffff80)}.portfolio-page .eco-card-title h3{font-size:3rem;margin:0;color:#315e49}.portfolio-page .project-copy{background:#fffdfb}.portfolio-page .pill{border-color:#dac7cc;background:#fffaf7}.portfolio-page .study-grid{gap:14px}.portfolio-page .study-card{background:#fffdfb;border:1px solid #e4d5d5;border-radius:6px;box-shadow:5px 6px 0 #d9c6ca2b;position:relative}.portfolio-page .study-card:nth-child(2){background:#eee9f1;transform:rotate(-.5deg)}.portfolio-page .study-card:nth-child(3){background:#e6eee7;transform:rotate(.5deg)}.portfolio-page .study-card .num{color:#985c6d;letter-spacing:.08em}.portfolio-page .process{border-color:#ddcdd0;background:#fffaf7;border-radius:10px;padding:54px 42px;margin-bottom:60px;box-shadow:inset 0 0 0 1px #eadcdf}.portfolio-page .notice{background:#f4ebe7;border-color:#ead6d4}.portfolio-page footer{border-color:#ddcdd0}
@media(max-width:900px){.portfolio-page .hero{gap:35px}.portfolio-page .hero-art{min-height:390px}.portfolio-page .art-word{font-size:2.7rem}}@media(max-width:620px){.portfolio-page .hero{grid-template-columns:1fr;padding-top:48px}.portfolio-page .hero h1{font-size:3.65rem}.portfolio-page .hero-art{width:100%;overflow:hidden;border-radius:44% 44% 22px 22px}.portfolio-page .process{padding:34px 24px}.portfolio-page .flower{left:5px}}@media(max-width:400px){.portfolio-page .hero h1{font-size:3.05rem}}